<template>
   <div id="app" v-cloak>
    <div class="info_con clearfix">
               <h3 class="common_title2">修改密码</h3>
               <div class="site_con pass_change_con">
                  <form method="post" @submit.prevent="change_password">
                     <div class="form_group">
                        <label>当前密码：</label>
                        <input v-model="old_pwd" @blur="check_opwd" type="password" name="old_password">
                        <span v-show="error_opwd" class="old_pwd_error">请填写当前密码</span>
                     </div>
                     <div class="form_group">
                        <label>新密码：</label>
                        <input v-model="new_pwd" @blur="check_pwd" type="password" name="new_password">
                        <span v-show="error_pwd" class="new_pwd_error">密码最少8位，最长20位</span>
                     </div>
                     <div class="form_group">
                        <label>确认新密码：</label>
                        <input v-model="new_cpwd" @blur="check_cpwd" type="password" name="new_password2">
                        <span v-show="error_cpwd" class="new_cpwd_error">两次输入的密码不一致</span>
                     </div>
                     <input type="submit" value="确 定" class="info_submit">
                  </form>
               </div>
            </div>
   </div>
</template>

<script>
   export default {
      name: "UserPass",
      data() {
         return {}
      },
      methods: {},
      computed: {},
      filters: {},
      watch: {},
   }
</script>

<style scoped>

</style>
